<html>
<head>
<title>Abrasisa Producto</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="js/jquery-1.9.0.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
  <style type="text/css">
<!--

.Estilo1 {font-size: 36px}
.Estilo2 {	color: #000000;font-size: 36px;}
body {
	background-color: #CCFF33;
	background-image: url();
	background-repeat: no-repeat;
}
.Estilo3 {color: #FFFFFF}
.Estilo4 {color: #000000;font-weight: bold;font-style: italic;}
-->

    </style>
	
</head>
   
<body>

 <div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
            		<span class="icon-bar"></span>
            		<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>
				</div>
				<b><a class="brand" href="registrocliente/registrar.php">ABRASISA</a></b>
          			<div class="nav-collapse collapse">
					
            			<ul class="nav">
              				<li class="active"><a href="registrocliente/registrar.php">Registrar Cliente</a></li>
            			</ul>
						<ul class="nav">
              				<li class="active"><a href="login.php">Iniciar Sesion</a></li>
            			</ul>
						<ul class="nav">
              				<li class="active"><a href="ventas/productos.php">Productos</a></li>
            			</ul>
				 </div>
										
		  </div>
   </div><!--/.nav-collapse -->   
 <hr>
 </hr>
  <div id="contenedor2" align="center">
	    <div id="myCarousel" class="carousel slide">
	      <ol class="carousel-indicators">
	        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
	        <li data-target="#myCarousel" data-slide-to="1"></li>
	        <li data-target="#myCarousel" data-slide-to="2"></li>
	        <li data-target="#myCarousel" data-slide-to="3"></li>
	        <li data-target="#myCarousel" data-slide-to="4"></li>
	      </ol>
	      <!-- Carousel items -->
	      <div class="carousel-inner"> 
	        <div class="active item"><img src="imagenes/DSC02000.JPG" alt="banner1" width="50%" height="50%"/>
			  <div class="carousel-caption">
	           <p>Nuestras Marcas<br>
			   Contamos con las marcas de mayor prestigio</p>
	           </div>
			</div>
	       
	        <div class="item"><img src="imagenes/DSC01824.JPG" alt="banner3" width="50%" height="50%" />
			  <div class="carousel-caption">
	           <p>Nuestro Compromiso<br>
			   Proveer a todas las Empresas Industriales del Estado de Sonora <br>
			   las herramientas y equipos de seguridad industrial,<br>
			   distribuyendo productos de alta calidad y respaldados con las mejores marcas nacional e internacional.<br>
			  </p>
	           </div>
			</div>
	        <div class="item"><img src="imagenes/DSC02002.JPG" alt="banner4" width="50%" height="50%" />
			<div class="carousel-caption">
	           <p>Herramientas de Calidad<br>
			   AUSTROMEX<BR>
			   URREA<BR>
			   </p>
	           </div>
			</div>
	        
	      </div>
	      <!-- Carousel nav -->
	      <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
	      <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </div>
</div>
	 
	<script>
	    $(document).ready(function(){
	        $('.carousel').carousel()
			 interval: 1000
	    });
	</script>
</body>
</html>
	
